<?php
echo $this->Javascript->link('/js/jquery.validate.min.js');
echo $this->Javascript->link('/js/validate/elementos_senializaciones/editar_elementos_senializacion.js');
?>
<script>
    function getElementosSenializacion(menu){
        var tipo_senializacion = $("#ElementosSenializacioneTipo").attr("value");
        $("#cargando_elementos_senializacion").show();
        $("#elementos_senializaciones").html("");
        $("#elementos_senializaciones").hide("");
        if (tipo_senializacion == ""){
            $("#cargando_elementos_senializacion").css("display", "none");
        }else{
            $.ajax({
                url: "<?php echo SITE_URL; ?>/admin/elementos_senializaciones/mostrar_elementos_senializacion/"+tipo_senializacion+"/"+<?php echo $obra_id; ?>,
                cache: false,
                success: function(html){
                    $("#elementos_senializaciones").html(html);
                    $("#elementos_senializaciones").show("");
                    $("#cargando_elementos_senializacion").hide();
                    if (menu != ''){
                        $('#ElementosSenializacioneMenuesSenializacioneId').attr('value', menu);
                    }
                }
            });
        }
    }

    function loadElementosSenializacion(href,divName) {
        $('#cargando_view_elementos_senializacion').show();
        $(divName).load(href, {}, function(){
            $('#cargando_view_elementos_senializacion').hide();
            var divPaginationLinks = divName+' #pagination a.paginate_ajax';

            $('a.edit').click(function(event){
                event.stopImmediatePropagation();
                var elemento_senializacion_id = $.trim($(this).parent().parent().children().html());
                var hidden_edit_elem_senia_id = $('#hidden_edit_elem_senia_id');
                hidden_edit_elem_senia_id.html('');
                var hidden_elemento_senializacion_id = $("<input type='hidden' id='ElementosSenializacioneId' name='data[ElementosSenializacione][id]' value='" + elemento_senializacion_id + "'>");
                hidden_elemento_senializacion_id.appendTo(hidden_edit_elem_senia_id);

                $.ajax({
                    url: "<?php echo SITE_URL; ?>/admin/elementos_senializaciones/read_elemento_senializacion/"+elemento_senializacion_id,
                    cache: false,
                    success: function(data){
                        if(data != ''){
                            var elemento = data.split('|');
                            $('#ElementosSenializacioneTipo').attr('value', elemento[2]);
                            getElementosSenializacion(elemento[3]);
                            $('#ElementosSenializacioneDescripcion').attr('value', elemento[4]);
                            $('#ElementosSenializacioneEstadoId').attr('value', elemento[5]);
                            $('legend.legend_elementos_senializacion').html('Editar Elemento de Señalización');
                            $('#elementos_senializacion').show();
                        }
                    }
                });
            });

            $('a.delete').click(function(event){
                event.stopImmediatePropagation();
                var elemento_senializacion_id = $.trim($(this).parent().parent().children().html())
                var answer = confirm('Está seguro que desea eliminar el elemento de señalización Id: ' + elemento_senializacion_id + '?');
                if (answer){
                    $('#cargando_view_elementos_senializacion').show();
                    $.ajax({
                        url: "<?php echo SITE_URL; ?>/admin/elementos_senializaciones/delete_elemento_senializacion/"+elemento_senializacion_id,
                        cache: false,
                        success: function(data){
                            $('#cargando_view_elementos_senializacion').hide();
                            $('#formResult_edit_elem_senia').html(data);
                            $('#formResult_edit_elem_senia').show().delay(4000).fadeOut(4000, function(){
                                $('#formResult_edit_elem_senia').html('');
                            });
                            loadElementosSenializacion('<?php echo SITE_URL; ?>/admin/elementos_senializaciones/view_edit_elementos_senializacion/<?php echo $obra_id; ?>', '#view_elementos_senializacion');
                        }
                    });
                }
            });

            $(divPaginationLinks).click(function() {
                var thisHref = $(this).attr('href');
                loadElementosSenializacion(thisHref,divName);
                return false;
            });
        });
    }

    function validar_elementos_senializacion(){
        if($('#ElementosSenializacioneAdminEditElementosSenializacionForm').valid()){
            $('#guardando_elemento_senializacion').show();
            var dataString = $('#ElementosSenializacioneAdminEditElementosSenializacionForm').serialize();
            $.ajax({
                type: 'POST',
                url: '<?php echo SITE_URL; ?>/admin/elementos_senializaciones/edit_elementos_senializacion/',
                data: dataString,
                success: function(data) {
                    $('#guardando_elemento_senializacion').hide();
                    $('#ElementosSenializacioneAdminEditElementosSenializacionForm')[0].reset();
                    $('#formResult_edit_elem_senia').html(data);
                    $('#formResult_edit_elem_senia').show().delay(4000).fadeOut(4000, function(){
                        $('#formResult_edit_elem_senia').html('');
                    });
                    loadElementosSenializacion('<?php echo SITE_URL; ?>/admin/elementos_senializaciones/view_edit_elementos_senializacion/<?php echo $obra_id; ?>', '#view_elementos_senializacion');
                    $('#elementos_senializacion').hide();
                }
            });
            return false;
        }
    }

    function view_add_elementos_senializacion(){
        $('#ElementosSenializacioneAdminEditElementosSenializacionForm')[0].reset();
        $('legend.legend_elementos_senializacion').html('Crear Elemento de Señalización');
        var hidden_edit_elem_senia_id = $("#hidden_edit_elem_senia_id");
        hidden_edit_elem_senia_id.html("");
        var elementos_senializaciones = $("#elementos_senializaciones");
        elementos_senializaciones.html("");
        $('#elementos_senializaciones').hide();
        $('#elementos_senializacion').show();
    }


    $(function(){
        loadElementosSenializacion('<?php echo SITE_URL; ?>/admin/elementos_senializaciones/view_edit_elementos_senializacion/<?php echo $obra_id; ?>', '#view_elementos_senializacion');
    });
</script>
<div id="guardando_elemento_senializacion" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="" /></div>
<div id="formResult_edit_elem_senia"></div>

<a href="#" onclick="view_add_elementos_senializacion();">Crear Elemento de Señalización</a>

<div id="cargando_view_elementos_senializacion" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="Cargando..." /></div>
<div id="view_elementos_senializacion"> </div>

<div id="elementos_senializacion" class="elementosSenializaciones form" style="display: none;">
    <?php echo $this->Form->create('ElementosSenializacione'); ?>
    <fieldset>
        <legend class="legend_elementos_senializacion"></legend>
        <div id="hidden_edit_elem_senia_id"></div>
        <?php
        echo $form->input('obra_id', array('type' => 'hidden', 'value' => $obra_id));

        echo $form->label('Tipo:');
        echo $form->input('tipo', array('label' => false, 'type' => 'select', 'options' => $tipos, 'empty' => '', 'selected' => '', 'onchange' => 'getElementosSenializacion();'));
        ?>
        <div id="cargando_elementos_senializacion" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="Cargando..." /></div>
        <div id="elementos_senializaciones"></div>
        <?php
        echo $form->label('Estado:');
        echo $form->input('estado_id', array('label' => false, 'type' => 'select', 'options' => $estados, 'empty' => '', 'selected' => ''));

        echo $form->label('Descripción:');
        echo $form->input('descripcion', array('label' => false, 'type' => 'textarea'));
        ?>
    </fieldset>
    <div class="" id="botones">
        <?php
        echo $form->button(__('Aceptar', true), array('onclick' => 'validar_elementos_senializacion(); return false;'));
        //echo $form->button('Cancelar', array('type' => 'reset'));
        echo $form->button('Cancelar', array('type' => 'button', 'onClick' => "javascript: window.location.href='" . $referer . "';"));
        echo $form->end();
        ?>
    </div>
</div>